:root {
    --white: #ffffff;
    --black: #000404;
    --blue-bg: #f1f6fc;
    // --blue: #0e6ce8;
    --blue: #31A0FA;
    --gray: #8f979f;
    --gray-bg: #f8f9fb;
    --gray-border: #e5e8eb;
    --red: #f71515;
    // --blue-linear: linear-gradient(90deg, #15fcfd 0%, #0e6ce8 100%);
    // --blue-linear: linear-gradient(90deg, #EE268F 0%, #D41CF5 29%, #684BFB 99%);
    --blue-linear: linear-gradient(to Right, #684BFB 0%, #D41CF5 59%, #EE268F 99%);
    --btn-disabled-bg:#E4DEFF;
    --btn-disabled-color:#684BFB;

}

$color-white: var(--white);
$color-black: var(--black);
$color-blue-bg: var(--blue-bg);
$color-blue: var(--blue);
$color-gray: var(--gray);
$color-gray-bg: var(--gray-bg);
$color-gray-border: var(--gray-border);
$color-red: var(--red);
$color-blue-linear: var(--blue-linear);
$color-btn-disabled-bg:var(--btn-disabled-bg);
$color-btn-disabled-color:var(--btn-disabled-color);